#main-menu {
	background-color: #c0c0c0;
	margin: 0 auto;
	background: #F1F1F1;
padding: 0;
margin: 0;
font-size: small;
}

body {

}

ul.square-menu {
list-style-type: none;
list-style: none;
padding: 0;
font-family: "Kavoon", Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
width: 60vw;
margin: 40px auto;
}

ul.square-menu li{
float: left;
margin:5px;	
}

ul.square-menu li a {
display: block;
text-decoration: none;
padding: 80px 60px;
background: rgb(128, 128, 128);
color: white;
font-weight: normal;
font-size: 150%;
width: 14vw;
height: 13vw;
text-align: center;
text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.05);
-webkit-transition: all 0.1s ease-in;
-ms-transition: all 0.1s ease-in;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
}

ul.square-menu li a.slink-a {
background: rgb(232, 84, 84);
}
ul.square-menu li a.slink-a:hover {
background: rgb(255, 140, 135);
}

ul.square-menu li a.slink-b {
background: rgb(82, 149, 242);
}
ul.square-menu li a.slink-b:hover {
background: rgb(122, 179, 255);
}

ul.square-menu li a.slink-c {
background: rgb(74, 217, 90);
}
ul.square-menu li a.slink-c:hover {
background: rgb(114, 247, 130);
}

ul.square-menu li a.slink-d {
background: rgb(224, 222, 54);
}
ul.square-menu li a.slink-d:hover {
background: rgb(224, 250, 90);
}

ul.square-menu li a:hover {
background: rgb(48, 48, 48);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
-moz-box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.12);
-webkit-box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.12);
box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.12);
}